<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <title>practice</title>
  <style>
    @import "./test2.css";
  </style>
  <script src="client/assets/js/jquery-3.2.0.min.js"></script>
  <link rel="stylesheet" href="//vui.oa.fenqile.com/css/global/desktop/global.css">
  <link rel="stylesheet" href="./test.css">

</head>
<body ontouchstart="">
  <div id="root"></div>
 <script>
   window.onhashchange = function(event){

     console.log("111111")
     console.log(event.oldURL, event.newURL);
     let hash = location.hash.slice(1);
     document.body.style.color = hash;

   }
 </script>

<!-- 判断浏览器类型从而可以显示pc端还是移动端页面-->
  <script type="text/javascript">
    function browserRedirect() {
      var sUserAgent = navigator.userAgent.toLowerCase();
      var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
      var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
      var bIsMidp = sUserAgent.match(/midp/i) == "midp";
      var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
      var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
      var bIsAndroid = sUserAgent.match(/android/i) == "android";
      var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
      var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
      // document.writeln("您的浏览设备为：");
      if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
        // document.writeln("phone");
        // window.location.href = ''
      } else {
        // document.writeln("pc");
      }
    }

    browserRedirect();
  </script>


</body>
</html>
